<div class="portlet ui-widget ui-widget-content ui-helper-clearfix ui-corner-all">
    <div class="portlet-header ui-widget-header">Theme Switcher</div>
    <div class="portlet-content">
        <ul class="side-menu">
            <li>
                <a class="set_theme" id="default" href="javascript:void(0);" style="font-weight:bold;" title="Default Theme">Default Theme</a>
            </li>
            <li>
                <a class="set_theme" id="light_blue" href="javascript:void(0);" title="Light Blue Theme">Light Blue Theme</a>
            </li>
        </ul>
    </div>
</div>
<div class="portlet ui-widget ui-widget-content ui-helper-clearfix ui-corner-all">
    <div class="portlet-header ui-widget-header">Layout Options</div>
    <div class="portlet-content">
        <ul class="side-menu">
            <li>
                Here, you can set the page width, either fixed or fluid. You decide!<br /><br />
            </li>
            <li id="fluid_layout">
                <a href="javascript:void(0);" title="Fluid Layout">Switch to <b>Fluid Layout</b></a>
            </li>
            <li id="fixed_layout">
                <a href="javascript:void(0);" title="Fixed Layout">Switch to <b>Fixed Layout</b></a>
            </li>
        </ul>
    </div>
</div>
<div class="portlet ui-widget ui-widget-content ui-helper-clearfix ui-corner-all">
    <div class="portlet-header ui-widget-header">Navigation Menu</div>
    <div class="portlet-content">
        <div id="accordion">
            <div>
                <h3><a href="#">Dashboard</a></h3>
                <div>
                    <ul class="side-menu">
                        <li><a href="index.html" title="Administration">Administration</a></li>
                        <li><a href="forms.html" title="Forms">Forms Example</a></li>
                        <li><a href="tables.html" title="Tables">Tables example</a></li>
                    </ul>
                </div>
            </div>
            <div>
                <h3><a href="#">Dummy drop down</a></h3>
                <div>
                    <ul class="side-menu">
                        <li><a href="index.html" title="Administration">Administration</a></li>
                        <li><a href="forms.html" title="Forms">Forms Example</a></li>
                        <li><a href="tables.html" title="Tables">Tables example</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="other-box yellow-box ui-corner-all">
    <div class="cont tooltip ui-corner-all" title="Tooltips, tooltips, tooltips !">
        <h3>Tooltip !</h3>
        <p>This is a sample tooltip !</p>
    </div>
</div>
<div class="portlet ui-widget ui-widget-content ui-helper-clearfix ui-corner-all">
    <div class="portlet-header ui-widget-header">Accordion</div>
    <div class="portlet-content">
        <div id="datepicker"></div>
    </div>
</div>